<template><div>

	<div class="chat-warp-left" v-if="direction==='left'">
		<div class="left-head">
			<img :src="avatar" alt="">
		</div>
		<div class="bubble-left" v-html="content">
		</div>
	</div>

	<div class="chat-warp-right" v-if="direction==='right'">
		<div class="right-head">
			<img :src="avatar" alt="">
		</div>
		<div class="bubble-right" v-html="content">
		</div>
	</div>

</div></template>
<script>
import CONFIG from '../../common/config.js'; 

export default {
	props : ['avatar', 'direction', 'content'],

	data() { 
		return {

		}
	} 
}
</script> 